import React from 'react';
import styles from './majorevents.less'
import pointIcon from '@/assets/image/zx.svg'
// 导入图片
import sqdh1 from '@/assets/image/dtimage/sqdh1.png'
import sqdh2 from '../../assets/image/dtimage/sqdh2.png'
import sqdh3 from '../../assets/image/dtimage/sqdh3.png'
import bq1 from '../../assets/image/dtimage/bq1.png'
import bq2 from '../../assets/image/dtimage/bq2.png'
import bq3 from '../../assets/image/dtimage/bq3.png'
import nh1 from '../../assets/image/dtimage/nh1.png'
import nh2 from '../../assets/image/dtimage/nh2.png'
import nh3 from '../../assets/image/dtimage/nh3.png'
import downIcon from '../../assets/image/xl.svg'



class MajorEvents extends React.Component {
  render() {
    return (
      <div className={styles.bg}>
        <img className={styles.downIcon} src={downIcon} alt='' />
        <div className={styles.box}>
          <div className={styles.title}>重大事件</div>
          {/* 滚动内容 */}
          <div className={`no-swap ${styles.scroll}`}>
            <div className={styles.inner}>
              <div className={styles.eventName}>2019年6月22日，举办数栖大会</div>
              <div className={styles.eventImgBox}>
                <img src={sqdh1} alt=""></img>
              </div>
              <div className={styles.eventImgBox}>
                <img src={sqdh2} alt=""></img>
              </div>
              <div className={styles.eventImgBox}>
                <img src={sqdh3} alt=""></img>
              </div>
              <div className={styles.eventName}>2019年10月18日，数澜搬了新家</div>
              <div className={styles.eventImgBox}>
                <img src={bq1} alt=""></img>
              </div>
              <div className={styles.eventImgBox}>
                <img src={bq2} alt=""></img>
              </div>
              <div className={styles.eventImgBox}>
                <img src={bq3} alt=""></img>
              </div>
              <div className={styles.eventName}>2020年1月3日，举办年会</div>
              <div className={styles.eventImgBox}>
                <img src={nh1} alt=""></img>
              </div>
              <div className={styles.eventImgBox}>
                <img src={nh2} alt=""></img>
              </div>
              <div className={styles.eventImgBox}>
                <img src={nh3} alt=""></img>
              </div>
            </div>
          </div>

        </div>
        <div className={styles.link}>
          或许你还想做些什么～
            <img className={styles.pointIcon} src={pointIcon} alt='' />
        </div>
      </div>
    )
  }
}

export default MajorEvents